<template>
    <div class="title-container">
        <div class="title-con">
            <div class="title-total">
                <slot name="first">
                    <span>实发工资</span>
                    <span>{{salaryGet}}</span>
                </slot>
                <slot name="sec">
                    <span>应发工资</span>
                    <span>{{salaryNeed}}</span>
                </slot>
            </div>
        </div>
    </div>

</template>
<script>
export default {
    props:["salaryGet","salaryNeed"]
}
</script>

<style lang="less" scoped>
.title-container{
    padding-bottom:0.2rem;
    background-color:#f3f3f3;
    .title-con{
        background-color:#fff;
        padding-top:0.2rem;
        padding-bottom:0.2rem;
        .title-total{
            height:2rem;
            border-radius:0.1rem;
            border:1px solid #007de4;
            margin:0 0.2rem 0rem 0.2rem;
            font-size:0.32rem;
            
            overflow:hidden;
            div{
                height:1rem;
                line-height:1rem;
                span{
                float:left;
                // display: inline-flex;
                // justify-content: space-between;
                width:50%;
                text-align:center;
                // flex:1;
                }
            }
            div:first-child{
                background-color:#007de4;
                color:#fff;
            }
            div:nth-child(2){
                background-color:#fff;
                color:#007de4;
            }
        }
    }

}



</style>
